<template>
  <div class="wrapper">
    <div class="pic-area">
      <slot name="img">
        <img src="../assets/img/comm/blank-4.png" alt="">
      </slot>
    </div>
    <slot>
      <p>{{message}}</p>
    </slot>
  </div>
</template>
<script>
 	export default {
 		name: 'blankPage',
    props: {
      message: {
        type: String,
        default: "抱歉，没有找到商品额~"
      }
    }
	}
</script>
<style lang="scss" scoped>
 	.wrapper {
    width: 100%;
    height: 100%;
    padding-top: 95px;
    box-sizing: border-box;
    & .pic-area {
      width: 100%;
      margin-bottom: 58px;
      & img {
        display: block;
        width: 129px;
        height: 129px;
        margin: 0 auto;
      }
    }
    & p {
      width: 100%;
      text-align: center;
      font-size: 16px;
      color: #999;
    }
    & .small-title {
      width: 100%;
      color: #999;
      text-align: center;
      font-size: 12px;
      line-height: 18px;
    }
  }
</style>